@charset "utf-8";
/* Dickson Furniture Co.,Ltd. ▅ CSS Document */

/*
@font-face {
	font-family:'HYQiHei-35';
	src:url('/pub/font/HYQiHei-35S.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(/pub/font/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'), local('OpenSans') url(/pub/font/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/pub/font/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(/pub/font/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');}

/* selection style */
::-moz-selection{ background:#ffda1d; color:#432;}
::selection { background:#ffda1d; color:#432;}

/* webkit core scrollbar style */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background-color:#666}
::-webkit-scrollbar-corner{background-color:#535353}
::-webkit-scrollbar-resizer{background-color:#FF6E00}
::-webkit-input-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
:-ms-input-placeholder {color:#ccc;}

body ::-webkit-scrollbar{width:6px}
body ::-webkit-scrollbar-thumb{background-color:rgba(120,120,120,0.5);}

html {border:none;}
body {margin:0px; padding:0px; background:#FFF; font:normal 14px/1.7 'Open Sans', 'HYQiHei-25', Verdana, Tahoma, '微软雅黑', '宋体'; -webkit-text-size-adjust:100%; font-size-adjust:100%; -webkit-font-smoothing:antialiased; *font:normal 14px/1.7 '微软雅黑', Verdana, Tahoma, '宋体'; color:#111; cursor:default; -webkit-tap-highlight-color:transparent;}


div {}
nav, header, section, article, footer {display:block;}


a       {color:#0066CC; text-decoration:none; display:inline-block; outline:none;}
a:hover {color:#0066FF; text-decoration:underline;}
a img {border:none;}
img {display:inline-block;}
span img {display:inline-block; border-radius:46px;}
.ul    {margin:0px; padding:0px;}
.ul li {margin:0px; padding:0px; list-style:none;}
.imga  {width:100%; }
.round {border-radius:1000px;}
.unselectable {user-select:none; -moz-user-select:none;}
.flex  {display:-webkit-flex; display:-moz-box; display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; -webkit-align-items:flex-end; -webkit-justify-content:space-between;}

.nor  {width:1200px; height:auto; margin:0px auto; clear:both; overflow:hidden;}
.spc  {width:auto; height:auto; clear:both; overflow:hidden;}
.spc_min  {height:20px;}
.ovv  {overflow:visible;}
.clear    {clear:both; width:auto; height:1px;}
.con_1160 {width:1160px; padding-left:20px; padding-right:20px; margin:0px auto;}
.con_1100 {width:1100px; padding-left:50px; padding-right:50px; margin:0px auto;}
.con_1060 {width:1060px; margin:0px auto;}
.con_1000 {width:1000px; padding-left:100px; padding-right:100px; margin:0px auto;}

h1    {font-size:48px; line-height:1.2; font-weight:normal; margin:10px 0px;}
h2    {font-size:30px; line-height:1.2; font-weight:normal; margin:10px 0px;}
h3    {font-size:20px; line-height:1.5; font-weight:bold; margin:10px 0px;}
h4    {font-size:15px; color:#000; font-weight:bold; margin:10px 0px;}

.p    {margin:7px auto; padding:0px; text-indent:2em; text-align:justify; text-justify:inter-ideograph;}
.first-letter {font-size:500%; font-weight:bold; line-height:1; display:block; float:left; padding-left:3px; padding-right:3px;}

.txs {text-align:justify; text-justify:inter-ideograph;}
.txm {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.txn {word-break:break-all; word-wrap:break-word;}
.txf:first-letter {font-size:300%; line-height:1; font-weight:bold; padding-left:3px; padding-right:3px; float:left;}
.txc {text-align:center;}
.oh  {overflow:hidden;}
.ime {ime-mode:disabled;}
.radius_3  { -moz-border-radius:3px; border-radius:3px;}
.radius_5  { -moz-border-radius:5px; border-radius:5px;}
.radius_05 { -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px;}
.shadow_0  {box-shadow:none !important; -webkit-box-shadow:none !important;}
.shadow_1  {box-shadow:1px 1px 5px #666666; -webkit-box-shadow:1px 1px 5px #666666;}
.shadow_2  {box-shadow:2px 2px 5px #000000; -webkit-box-shadow:2px 2px 5px #000000;}
.shadow_c  {box-shadow:0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.13);}
.shadow_ls:hover {box-shadow:2px 2px 10px rgba(0,0,0,0.1);}
.col_7     {color:#777;}
.col_i     {color:#69584a; font-size:12px;}
.transition_01 {transition:all ease-in-out 0.1s; -webkit-transition:all ease-in-out 0.1s; -moz-transition:all ease-in-out 0.1s;}
.transition_03 {transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s;}
.transition_05 {transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s;}
.transition_10 {transition:all ease-in-out 1.0s; -webkit-transition:all ease-in-out 1.0s; -moz-transition:all ease-in-out 1.0s;}

.emc {display:none;}

.fullscreensub {position:fixed; z-index:9201; width:100%; height:100%; left:0pt; top:0pt; background-color:#222;}
.fullscreencon {width:100%; height:100%;}
.fullscreenexit {position:absolute; left:90%; top:10vh; *top:5%; width:50px; height:50px; font-size:24px; line-height:50px; text-align:center; margin-left:5px; color:#666; background-color:#111; cursor:pointer;}
.fullscreenexit:hover {color:#FF6; border-radius:10px;}
.fullscreenvideo {position:absolute; width:80%; height:80%; left:10%; top:10vh; *top:5%; background-color:#111;}

/* #ffda1d */


.linkasbutton  {background-color:#336699; display:inline-block; width:140px; margin:3px; cursor:pointer; color:#ffffff !important; padding:8px; border:solid 1px #336699; font-size:15px; text-align:center; line-height:26px;}
.linkasbutton_2{background-color:transparent; border-color:#FFF; color:#FFF !important;}
.linkasbutton_3{background-color:transparent; border-color:#432; color:#432 !important;}
.linkasbutton_play {background:url(./../icon/play_b.png) no-repeat center center; background-size:100%; display:inline-block; width:1em; height:1em; vertical-align:middle;}


.topic   {position:absolute; z-index:100; left:0px; top:0px; width:100%; height:30px; font-size:12px; line-height:30px; background-color:#f6f6f6; color:#999 !important; overflow:hidden; display:none;}
.topic a {color:#999 !important;}
.topic_l {float:left; margin-left:70px;}
.topic_r {float:right; margin-right:70px;}
.topic_c:before {content:''; display:inline-block; width:30px; height:30px; background:url(/pub/icon/location_g.png) no-repeat center center; background-size:16px; vertical-align:middle;}
.menu    {position:absolute; z-index:100; left:0px; /*top:50px;*/ top:40px; width:100%; height:80px; line-height:30px; background:transparent;}
.menu_c  {position:relative; overflow:visible;}
.menu_l  {float:left; margin-left:70px;}
.menu_r  {float:right; margin-right:64px; padding-top:10px;}
.menu_logo {display:inline-block; width:200px; height:80px; background:url(/pub/icon/logo_g.png) no-repeat center center; background-size:cover;}
.menu_a  {color:#333; padding:10px 4px; font-size:11pt; margin-left:30px; font-weight:bold; transition:all ease-in-out 0.2s;}
.menu_a:hover  {color:#409bf4; text-decoration:none;}
.menu_m  {color:#999; margin-left:7px; display:inline-block; transform:scale(0.7,0.7);}
.menu_a:hover .menu_m  {color:inherit;}
.menu_a:after  {content:''; display:block; width:0%; margin:0px auto; height:1px; border-radius:3px; background-color:transparent; transition:all ease-in-out 0.3s;}
.menu_a:hover:after  {width:100%; height:3px; background-color:#409bf4;}
.menu_v  {color:#409bf4;}
.menu_v:after  {width:100%; height:3px; background-color:#409bf4;}
.menu_sa {display:inline-block; padding:5px 10px; font-size:11pt; color:#222;}
.menu_sa:hover {color:#7b6910; text-decoration:none;}


.icon   {font-size:12px; color:#999; margin-right:20px;}
.icon:before {content:''; display:inline-block; width:2em; height:1.6em; background:url(/pub/img/icon/view.png) no-repeat left center; background-size:contain; vertical-align:middle;}
.icon_view:before {background-image:url(/pub/img/icon/view.png);}
.icon_like:before {background-image:url(/pub/img/icon/like.png);}



.video   {position:absolute; width:100%; height:100%; min-width:1200px; min-height:500px; background-color:rgba(0,0,0,.8); *background-color:#222; left:0px; top:0px; z-index:9999;}
.video_c {position:absolute; width:80%; height:80%; max-width:1600px; max-height:900px; left:10%; top:10vh; *top:5%; background-color:#111;}
.video_e {position:absolute; left:90%; top:10vh; *top:5%; width:40px; height:40px; font-size:24px; line-height:40px; text-align:center; margin-left:5px; background-color:#c90; cursor:pointer;}
.video_e:hover {color:#FFF;}























.maapm      {position:absolute; z-index:1000; width:100%; height:100%; left:0px; top:0px; min-width:1200px; background-color:rgba(0,0,0,0.7); opacity:0;}

.maapm_c    {position:absolute; z-index:1001; width:620px; height:auto; min-height:500px; left:0px; top:0px; border-radius:12px; overflow:hidden; background:url(/stores/team/appointment_banner.jpg) no-repeat center top #FFF; opacity:0; display:none; left:50%; margin-left:-310px; box-shadow:0px 0px 10px rgba(0,0,0,0.15);}
.maapm_t    {width:100%; height:240px; padding-top:20px; background:no-repeat center center; background-size:cover; color:#FFF; font-size:28px; letter-spacing:2px; text-align:center;}
.maapm_p    {width:360px; margin:40px auto; font-size:16px; color:#999;}
.maapm_p_t  {display:inline-block; text-align:right; width:70px; padding-right:15px; font-size:16px; line-height:40px; margin-bottom:15px;}
.maapm_p_i  {width:230px; height:28px; line-height:28px; font-size:14px; text-align:center; border:solid 1px #d2d2d2; padding:5px;}
.maapm_p_s  {width:70px; height:25px; display:inline-block; font-size:14px; margin-right:10px; line-height:25px; text-align:center; border:solid 1px  #d2d2d2; cursor:pointer;}
.maapm_p_a  {background-color:#ffda1d; border-color:#ffda1d; color:#321;}

.maapm_k    {position:absolute; z-index:1002; width:36px; height:36px; font-size:18px; line-height:36px; text-align:center; color:#ccc; border:solid 2px #ccc; border-radius:36px; display:none; left:50%; margin-left:320px; filter:shadow(); cursor:pointer; opacity:0;}
.maapm_k:hover {color:#FFF; border-color:#FFF;}
.maapm_n    {position:absolute; background:rgba(245,245,245,0.9); width:100%; height:100%; padding-top:150px; font-size:16px; left:0px; top:260px; display:none; text-align:center; color:#333;}





.foot_svc   {margin-top:-90px; padding-top:30px;}
.foot_svc_c {height:180px; min-width:1200px; background-color:#373737;}
.foot_svc_l {display:inline-block; float:right; width:300px; overflow:visible;}
.foot_svc_i {display:inline-block; float:right; height:230px; margin-top:-50px; overflow:visible;}
.foot_svc_r {display:inline-block; float:right; width:auto; min-width:560px; padding-top:30px; color:#FFF;}
.foot_svc_a {display:inline-block; width:auto; height:40px; line-height:40px; margin:3px 6px 3px 0px; padding:0px 8px; border:solid 1px #afafaf; color:#afafaf; font-size:12px;}
.foot_svc_b {background-color:#ffda1d; display:inline-block; width:140px; padding:0px 8px; height:40px; line-height:40px; margin:3px; cursor:pointer; color:#111111; border:solid 1px #ffda1d; font-size:15px; text-align:center;}
#foot_svc_tel{width:100px; background-color:transparent; border:none; font-size:14px; color:#FFF; margin-left:6px;}
/*.foot_svc_loc{display:inline-block; transform:scale(0.7,0.7); margin-left:10px;}*/
.foot_svc_h:hover {border-color:#ffda1d; color:#ffda1d; cursor:pointer;}
.foot_svc_q {width:75px; vertical-align:middle; margin-right:10px;}
.foot_svc_s {margin-top:8px; line-height:1.4; color:#999; display:table-cell; vertical-align:middle; height:80px;padding-top: 10px;}
.foot_svc_t {display:inline-block; vertical-align:middle; width:auto; max-width:270px;}

.foot_svc_sel_o {position:absolute; width:320px; height:auto; padding:10px; z-index:100; left:50%; background-color:#111; box-shadow:0px 0px 5px rgba(0,0,0,.5); color:#CCC;}
.foot_svc_sel_l {width:120px; display:inline-block; float:left; height:300px; overflow:hidden;}
.foot_svc_sel_r {width:200px; display:inline-block; float:right; height:300px; overflow:hidden;}
.foot_svc_sel_c {width:100%; height:100%; overflow-y:auto;}
.foot_svc_sel_i {width:100%; display:block; height:36px; line-height:36px; text-align:center; color:#CCC;}
.foot_svc_sel_b {text-align:center; clear:both; padding-top:20px; padding-bottom:20px;}
.foot_svc_sel_i:hover {background-color:#222;}
.foot_svc_sel_a {background-color:#222;}
.foot_svc_sel_f {display:inline-block; width:100px; text-align:center; cursor:pointer;}
.foot_svc_sel_f:hover {color:#ffda1d;}



.foot    {background-color:#222; padding-top:40px; padding-bottom:50px; font-size:12px; text-shadow:0px 0px 2px #000;}
.foot_f1 {display:inline-block; float:left; width:350px;}
.foot_f2 {display:inline-block; float:left; width:190px;}
.foot_f3 {display:inline-block; float:left; width:160px;}
.foot_c1 {font-size:16px; display:inline-block; color:#FFF; margin-top:4px; margin-bottom:4px;}
.foot_c1:hover {color:#FFF;}
.foot_c2 {font-size:12px; color:#999; margin-top:4px; margin-bottom:4 px;}
.foot_c2:hover {color:#CCC;}

.bottom  {background-color:#2b2b2b; height:50px; line-height:50px; color:#666; font-size:12px;}








/* for max than 1500px 
@media screen and (max-width:800px){
	.menu {position:static; text-align:center; width:100%; min-width:0%;}
	.menu .link_l {display:inline-block; float:none; margin-left:0px;}
	.menu .logo {display:block; width:100%; padding:0px; margin:0px; height:40pt; background-size:contain; background-image:url(logo_x_2.png); background-position:left center; background-color:#333;}
	.menu .link_r {display:none;}
	#menu {background-color:#333; font-size:8pt; width:100%;}
	
	
	.bot {display:none;}
}

*/